<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>controlModalTest.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    
    <link rel="stylesheet" type="text/css" href="../../../main/webapp/css/style.css">
	<script src="../../../main/webapp/javascript/prototype.js"></script>
	<script src="control.modal.js"></script>
	<script type="text/javascript">
		function openModal() {
			Control.Modal.open({
	        opacity: 0.08,
	        width:500
				});
		}		
		
 		function init() {
	 		
 		}
 		
 		function iframeModal(id) {
	 		modalIframe = new Control.Modal('modal_link_'+id,{
					iframe: true,
					width: 700,
					height: 480
				});
			modalIframe.open(); 		
 		}
 		
	</script>
</head>
  
  <body onload="init()">
  <span id="model_link"/>
<a href="#modal_contents" id="modal_link" onclick="openModal()"/>
<a href="#" onclick="simpleModal()">Simple Modal</a>
<a href="form1.html" id="modal_link_1">IFrame Modal 1</a>
<a href="form1.html" id="modal_link_2">IFrame Modal 2</a>
<a href="#" onclick="iframeModal(2)">IFrame Modal 2</a>
<div id="modal_contents">
	<div class="nav">
		<ul><li><a href="#" onclick="Control.Modal.close(); return false;">CLOSE X</a></li></ul>
	</div> 
	<div class="modalForm">
		<h2>Flag an Event</h2>
  	<table>
  		<tr>
  			<td colspan="2">
  			Before flagging a item, please review the 
  			<a href="#" onclick="alert('Not Implemented')">deletion policy</a>   
  			</td>
  		</tr>
  		<tr>
  			<td class="formLabel" colspan="2">Reason</td>
  		</tr>
  		<tr>
  			<td  colspan="2">
  				<input type="checkbox" /> It belongs in personal history<br/>	  			
  				<input type="checkbox" /> It belongs in fictional literature<br/>	  			
  				<input type="checkbox" /> It is totally fake, just remove it<br/>	  			
			</td>
  		</tr>
  		<tr>
  			<td>Comment</td>
  			<td>
  				
  			</td>
  		</tr>
  		
  	</table>
		<input type="submit" value="Submit to Administrators"/>
	</div>
</div>
<script>
<!--
		function simpleModal() {
			//Control.Modal.open('contents of modal');
			modal2.open({
	        opacity: 0.08,
	        width:500
				});
 		}

    modal2 = new Control.Modal('modal_link',{
        opacity: 0.08,
        width:500
    });
 		
    -->
</script>  
</body>
</html>
